<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Onderwijsloket - Gemeente Den Haag</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<a href="#main" title="Spring naar inhoud" class="el-accessibility">Spring naar inhoud</a>
<div id="page">
<!-- header on -->
<header class="pg-head-su">
	<nav class="pg-hd-user">
    <div class="pg-inner cf">
    	<p class="bl-hd-back"><a href="#" title="Aanvragen-overzicht">Aanvragen-overzicht</a></p>
      <p class="bl-hd-user"><strong>G. van Beveren</strong>, Bestuur Lucas Onderwijs <span><a href="#" title="Uitloggen">Uitloggen</a></span></p>
    </div>
  </nav>
  <div class="pg-hd-main">
    <div class="pg-inner cf">
      <div class="bl-hd-logo"><a href="#" title="Onderwijsloket">Onderwijsloket <span>Gemeente Den Haag</span></a></div>
      <div class="bl-hd-name">Beheer - Lucas Onderwijs</div>
    </div>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="pg-def">
	<div class="pg-inner cf">
  	<p class="bl-ds-back"><a href="#" title="Terug naar Gebruikersbeheer-overzicht">Terug naar Gebruikersbeheer-overzicht</a></p>
    <div class="pg-pr-wrap cf">
    	<div class="bl-pr-ttl cf">
        <span class="icon user-add-x2"></span>
        <div class="txt">
          <h1>Gebruiker toevoegen</h1>
        </div>
      </div>
      <div class="pg-pr-left">
      	<div class="bl-pr-def">
          <ul class="un-fm-path cf">
            <li class="step1 prev"><strong>Stap 1</strong> <a href="#" title="Inloggegevens">Inloggegevens</a></li>
            <li class="step2 prev"><strong>Stap 2</strong> <a href="#" title="Gebruikersrechten">Gebruikersrechten</a></li>
            <li class="step3 active"><strong>Stap 3</strong> Notificaties instellen</li>
          </ul>
          <div class="un-fm-ttl">
            <h2>Stap 3 Notificaties</h2>
            <p>Wanneer ontvangt de gebruiker een notificatie? <a title="Help" class="help" href="#"></a></p>
          </div>
          <div class="un-pr-note un-pr-grey">
          	<div class="el-row cf">
            	<label>Naderende deadline</label>
              <div class="elem">
              	<select><option>In dagelijks overzicht</option></select>
              </div>
            </div>
            <dl class="cf el-row-line">
            	<dt>Opening van een nieuwe ronde</dt>
              <dd>Direct</dd>
            </dl>
            <div class="el-row cf">
            	<label>Aanvragen waar u bij betrokken bent</label>
              <div class="elem">
              	<select><option>In dagelijks overzicht</option></select>
              </div>
            </div>
            <div class="el-row cf">
            	<label>Aanvragen binnen uw organisatie waar u niet direct bij betrokken bent</label>
              <div class="elem">
              	<select><option>Geen notificatie</option></select>
              </div>
            </div>
          </div>
          <div class="un-pr-txt">
            <div class="el-row-btn cf">
            	<a title="Gebruikersrechten" href="#">Gebruikersrechten</a>
              <button class="bx-button"><span>Voeg de gebruiker toe</span></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="pg-foot">
	<div class="pg-inner cf">
  	<ul>
    	<li class="first">&copy; 2011-2012 Onderwijsloket Den Haag</li>
      <li><a href="#" title="Privacy statement">Privacy statement</a></li>
      <li><a href="#" title="Gebruiksvoorwaarden">Gebruiksvoorwaarden</a></li>
      <li><a href="#" title="Contact">Contact</a></li>
      <li><a href="#" title="Help">Help</a></li>
    </ul>
  </div>
</footer>
<!-- footer off -->
</div>
<!-- tooltip content on -->
<div class="bl-modal-tip" id="modal_tip_agenda">
	<h3>Tooltip: speellokaal</h3>
  <div class="el-row cf">
  	<textarea></textarea>
  </div>
  <div class="el-row cf">
  	<span class="link"><a href="#" title="Annuleren">Annuleren</a></span>
    <button class="bx-link" type="submit"><span>Bewaren</span></button>
  </div>
</div>
<!-- tooltip content off -->
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
<script src="js/xheditor.js"></script>
</body>
</html>
